<%--
  Created by IntelliJ IDEA.
  User: leipeichen
  Date: 15/4/2
  Time: 下午5:38
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib prefix="display" uri="http://displaytag.sf.net" %>
<html>
<head>
  <title>用户视图</title>
</head>
<body>

<div class="row">
  <div class="col-lg-12">
    <!-- BEGIN BREADCRUMB -->
    <div class="breadcrumbs">
      <ul class="breadcrumb">
        <li>
          <a href="#">Home</a>
        </li>
        <li class="active">Tables</li>
      </ul>

      <div class="b-right hidden-xs">
        <ul>
          <li><a href="#" title=""><i class="fa fa-signal"></i></a></li>
          <li><a href="#" title=""><i class="fa fa-comments"></i></a></li>
          <li class="dropdown"><a href="#" title="" data-toggle="dropdown"><i class="fa fa-plus"></i><span> Tasks</span></a>
            <ul class="dropdown-menu dropdown-primary dropdown-menu-right">
              <li><a href="#">Add new task</a></li>
              <li><a href="#">Statement</a></li>
              <li><a href="#">Settings</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <!-- END BREADCRUMB -->

    <div class="page-header title">
      <!-- PAGE TITLE ROW -->
      <h1>Tables <span class="sub-title">Static & Dynamic Tables</span></h1>
    </div>

    <!-- /#ek-layout-button -->
    <div class="qs-layout-menu">
      <div class="btn btn-gray qs-setting-btn" id="qs-setting-btn">
        <i class="fa fa-cog bigger-150 icon-only"></i>
      </div>
      <div class="qs-setting-box" id="qs-setting-box">

        <div class="hidden-xs hidden-sm">
          <span class="bigger-120">Layout Options</span>

          <div class="hr hr-dotted hr-8"></div>
          <label>
            <input type="checkbox" class="tc" id="fixed-navbar"/>
            <span id="#fixed-navbar" class="labels"> Fixed NavBar</span>
          </label>
          <label>
            <input type="checkbox" class="tc" id="fixed-sidebar"/>
            <span id="#fixed-sidebar" class="labels"> Fixed NavBar+SideBar</span>
          </label>
          <label>
            <input type="checkbox" class="tc" id="sidebar-toggle"/>
            <span id="#sidebar-toggle" class="labels"> Sidebar Toggle</span>
          </label>
          <label>
            <input type="checkbox" class="tc" id="in-container"/>
            <span id="#in-container" class="labels"> Inside<strong>.container</strong></span>
          </label>

          <div class="space-4"></div>
        </div>

        <span class="bigger-120">Color Options</span>

        <div class="hr hr-dotted hr-8"></div>

        <label>
          <input type="checkbox" class="tc" id="side-bar-color"/>
          <span id="#side-bar-color" class="labels"> SideBar (Light)</span>
        </label>
      </div>
    </div>
    <!-- /#ek-layout-button -->

  </div>
  <!-- /.col-lg-12 -->
</div>
<!-- /.row -->

<div class="row">
  <div class="col-lg-12">

    <!-- START YOUR CONTENT HERE -->
    <div class="portlet">


      <div class="portlet-heading dark">
        <div class="portlet-title">
          <h4>Responsive table
            <small class="text-white">(css only)</small>
          </h4>
        </div>
        <div class="portlet-widgets">
          <a data-toggle="collapse" data-parent="#accordion" href="#basic"><i class="fa fa-chevron-down"></i></a>
          <span class="divider"></span>
          <a href="#" class="box-close"><i class="fa fa-times"></i></a>
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
</div>


<div class="well white">
    <div class="dataTables_wrapper form-inline no-footer">
<form method="post" action="useroverview">
<div class="row">
    <div class="col-sm-12">
        <div class="pull-right">
            <div class="dataTables_filter">
              <div class="input-group">
                  <input type="text" name="name" value="${defaultPaginatedList.queryCondition.name}" class="form-control input-sm" placeholder="" aria-controls="SampleDT">
                  <span class="input-group-btn">
                    <button class="btn btn-info btn-sm" type="submit">
                        <i class="fa fa-send"></i>
                        Send
                    </button>
                  </span>
              </div>
            </div>
        </div>
        <div class="pull-left" style="display: none">
            <div class="dataTables_length">
                <label>
                <select class="form-control input-sm">
                    <option value="10">10</option>
                    <option value="25">25</option>
                    <option value="50">50</option>
                    <option value="100">100</option>
                </select>records per page
                </label>
            </div>
        </div>
    </div>
</div>
</form>

<display:table list="${defaultPaginatedList}" id="userDto" class="datatable table table-hover table-striped table-bordered tc-table" requestURI="useroverview" >
  <display:column title="username" value="${userDto.username}"/>
  <display:column title="password" value="${userDto.password}"/>
  <display:column title="name" value="${userDto.name}"/>
  <display:column title="addresses" value="${userDto.addresses}"/>
  <display:column title="Action">
    <div class="btn-group btn-group-xs ">
      <a href="/backend/userform?guid=${userDto.guid}" class="btn btn-inverse">
        <i class="fa fa-pencil icon-only"></i>
      </a>
      <a href="/backend/delete?guid=${userDto.guid}" class="btn btn-danger">
        <i class="fa fa-times icon-only"></i>
      </a>
    </div>
  </display:column>
</display:table>

    </div>
</div>


</body>
</html>
